import styles from './noData.module.scss'
import { PureComponent } from 'react'
import { imgBase } from '../../utils'

type IProps ={
  dataType: string
}
export const NoData = (props) => {
  return (
    <div className={styles["no-data-box"]}>
      {props.content ? props.content : '暂无数据'}
    </div>
  )
}

export class MbiMciIndex extends PureComponent<IProps>{
  componentDidMount() {
    document.body.style.backgroundColor = "#fff"
  }
  render() {
    return (
      <div className={styles["mbi-mci-index"]} >
        <img src={`${imgBase}/detail_img_nodata.png`} />
        <h2>暂无榜单数据</h2>
        <p>该{this.props.dataType === 'mbi' ? '品牌' : '酒店'}刚刚加入监测库，</p>
        <p>还没有监测数据，请耐心等待</p>
      </div>
    )
  }
}
